<template>
  <div class="computerRoom">
    <div class="computerOne">
      <computerone/>
    </div>
    <div class="computerTwo">
      <computertwo/>
    </div>
    <div class="computerThree">
      <computerthree/>
    </div>
  </div>
</template>

<script>
  import computerone from "./computerOne";
  import computertwo from "./computerTwo";
  import computerthree from "./computerThree";
  export default {
    name: "index",
    components: {
      computerone,
      computertwo,
      computerthree
    },
  }
</script>

<style lang='scss' scoped>
  .computerRoom {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .computerOne {
      flex: 4
    }
    .computerTwo {
      flex: 3;
      padding:0px 10px;
    }
    .computerThree {
      flex: 5
    }

  }
</style>
